<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 
<head>
 
<title>CSS Gradients Demo</title>
 
<style type="text/css">
html, body {
    margin: 0;
    padding: 0;
}
 
#c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8, #c9, #c10, #c11, #c12, #c13, #c14, #c15, #c16, #c17, #c18, #c19, #c20, #c21, #c22, #c23,
#c24, #c25, #c26, #c27, #c28 {
    height: 1px;
    font-size: 0px;
} 
 
#c1 {background:rgb(255,0,0)}
#c2 {background:rgb(255,10,0)}
#c3 {background:rgb(245,20,0)}
#c4 {background:rgb(240,30,0)}
#c5 {background:rgb(230,40,0)}
#c6 {background:rgb(220,50,0)}
#c7 {background:rgb(210,60,0)}
#c8 {background:rgb(200,70,0)}
#c9 {background:rgb(190,80,0)}
#c10 {background:rgb(180,90,0)}
#c11 {background:rgb(170,100,0)}
#c12 {background:rgb(160,110,0)}
#c13 {background:rgb(150,120,0)}
#c14 {background:rgb(140,130,0)}
#c15 {background:rgb(130,140,0)}
#c16 {background:rgb(120,150,0)}
#c17 {background:rgb(110,160,0)}
#c18 {background:rgb(100,170,0)}
#c19 {background:rgb(90,180,0)}
#c20 {background:rgb(80,190,0)}
#c21 {background:rgb(70,200,0)}
#c22 {background:rgb(60,210,0)}
#c23 {background:rgb(50,220,0)}
#c24 {background:rgb(40,230,0)}
#c25 {background:rgb(30,240,0)}
#c26 {background:rgb(20,245,0)}
#c27 {background:rgb(10,250,0)}
#c28 {background:rgb(0,255,0)}
</style>
</head>
 
<body>
 
<div style="width:200px; height:200px;">
 <div id="c1"></div>
 <div id="c2"></div>
 <div id="c3"></div>
 <div id="c4"></div>
 <div id="c5"></div>
 <div id="c6"></div>
 <div id="c7"></div>
 <div id="c8"></div>
 <div id="c9"></div>
 <div id="c10"></div>
 <div id="c11"></div>
 <div id="c12"></div>
 <div id="c13"></div>
 <div id="c14"></div>
 <div id="c15"></div>
 <div id="c16"></div>
 <div id="c17"></div>
 <div id="c18"></div>
 <div id="c19"></div>
 <div id="c20"></div>
 <div id="c21"></div>
 <div id="c22"></div>
 <div id="c23"></div>
 <div id="c24"></div>
 <div id="c25"></div>
 <div id="c26"></div>
 <div id="c27"></div>
 <div id="c28"></div>
</div>
 
</body>
</html>